<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/_linkPages/basePath.jsp" %>
<!DOCTYPE html>
<%--买猫卖猫详情界面--%>
<!-- saved from url=(0061)http://www.maomijiaoyi.com/index.php?/chanpinliebiao_c_2.html -->
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>宠物猫价格|宠物猫多少钱|宠物猫图片|视频|猫咪交易信息</title>
    <meta name="keywords" content="宠物猫价格,宠物猫多少钱,宠物猫图片">
    <meta name="description" content="猫咪交易信息平台这里拥有最大的宠物猫咪信息提供,世界各种名猫品种宠物猫价格,宠物猫多少钱,宠物猫图片,宠物猫视频,找宠物猫就来猫咪交易网!">
    <link rel="stylesheet" href="${basePath}jsp/hs/css/comment.css">
    <link rel="stylesheet" href="${basePath}jsp/hs/css/goodslist_20181108.css">
    <script src="${basePath}jsp/hs/js/hm.js"></script>
    <script src="${basePath}jsp/hs/js/hm.js(1)"></script>
    <script src="${basePath}jsp/hs/js/push.js"></script>
    <script src="${basePath}jsp/hs/img/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="${basePath}jsp/hs/js/comment.js" type="text/javascript" charset="utf-8"></script>
    <style id="tsbrowser_video_independent_player_style" type="text/css">
        [tsbrowser_force_max_size] {
            width: 100% !important;
            height: 100% !important;
            left: 0px !important;
            top: 0px !important;
            margin: 0px !important;
            padding: 0px !important;
            transform: none !important;
        }

        [tsbrowser_force_fixed] {
            position: fixed !important;
            z-index: 9999 !important;
            background: black !important;
        }

        [tsbrowser_force_hidden] {
            opacity: 0 !important;
            z-index: 0 !important;
        }

        [tsbrowser_hide_scrollbar] {
            overflow: hidden !important;
        }

        [tsbrowser_display_none] {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
        }

        [tsbrowser_force_show] {
            /*display: black !important;*/
            visibility: visible !important;
            opacity: 0;
        }</style>
</head>
<body>

<!-- 引入公共头部 -->
<!-- 网页头部 -->
<%@ include file="cat/head.jsp"%>

<div id="content">

    <div class="center_1220" style="width: 1220px">

        <div class="bread_crumb">

            你的位置:

            <a href="http://localhost:8080/jsp/hs/index.jsp">猫咪交易网</a>
            &gt;
            <a href="http://localhost:8080/jsp/hs/price.jsp">买猫卖猫</a>
            &gt;
            <a href="http://localhost:8080/jsp/hs/price.jsp">${requestScope.catbreed}</a>

        </div>


        <div class="classify" style="align-self: auto">

            <div>
                <div class="big_class">品种:</div>

                <div class="small_class">
                    <c:forEach items="${varietiesses}" var="varietiesses">
                        <C:if var="abc" test="${catbreed eq varietiesses.varieties}">
                            <a class="hover" href="${basePath}varieties?method=price&catbreed=布偶猫">${varietiesses.varieties}</a>
                        </C:if>
                        <C:if test="${!abc}">
                            <a href="${basePath}varieties?method=price&catbreed=${varietiesses.varieties}">${varietiesses.varieties}</a>
                        </C:if>
                    </c:forEach>
                </div>

            </div>

            <!-- 排序 -->
            <!-- <div class="paixu">
                <span id="default" class="hover">默认排序</span>
                <span id="price" class="bottom">按价格</span>
                <span id="age" class="bottom">按年龄</span>
            </div> -->
        </div>


    </div>

    <div class="breeds_floor">
        <div class="center_1220" style="width: 1220px">
            <div class="content">

                <C:forEach items="${requestScope.catPosts}" var="catPosts">

                    <a target="_blank" href="${basePath}catlogin?method=indexSell&id=${catPosts.id}">
                        <div class="img">
                            <img src="${basePath}varieties?method=showPic&pic=${catPosts.pic1}"/>
                        </div>
                        <div class="cat_name">
                                ${catPosts.posttitle}
                        </div>
                        <div class="price_area">
                            <div class="price">
                                <span class="font_weight800 color_333">价格:</span>
                                <span class="color_red font_weight800">${catPosts.catpice}元/只</span>
                            </div>
                        </div>
                        <div class="shangjia_vip">
                            <div class="shangjia">
                                <span class="shangjia_name">${catPosts.username}</span>
                            </div>

                        </div>
                    </a>
                </C:forEach>
            </div>
        </div>
    </div>

    <div class="center_1220">
        <div class="maigou_maigou_page" style="width: 1050px">

            <c:if var="isFirst" test="${requestScope.pm.pn <= 1}">

                    <a href="javascript:;">首页</a>

            </c:if>
            <c:if test="${!isFirst}">

                    <a href="${basePath}varieties?method=price&pn=${pm.pn-1}&catbreed=${requestScope.catbreed}">
                        上一页
                    </a>

            </c:if>
            <c:forEach var="i" begin="1" end="${pm.pages}" step="1">
                <c:if var="isPn" test="${pm.pn==i}">
                    <a class="hover" href="javascript:;">${i}</a>
                </c:if>
                <c:if test="${!isPn}">
                    <a href="${basePath}varieties?method=price&pn=${i}&catbreed=${requestScope.catbreed}">${i}</a>
                </c:if>
            </c:forEach>
            <c:if var="isLast" test="${pm.pn >= pm.pages}">

                    <a href="javascript:;">尾页</a>

            </c:if>
            <c:if test="${!isLast}">

                    <a href="${basePath}varieties?method=price&pn=${pm.pn+1}&catbreed=${requestScope.catbreed}">
                        下一页
                    </a>

            </c:if>
            <span class="totle">共 ${pm.pages} 页</span>
        </div>
    </div>


</div>


<!-- 引入公共尾部 -->
<!-- 网页底部 -->
<div id="footer">

    <div class="logo">
        <div class="logo_kuang">
            <div>
                <a href="http://localhost:8080/jsp/hs/index.jsp">
                    <img alt="猫咪交易网" title="猫咪交易网" src="${basePath}jsp/hs/img/logo.png">
                </a>
            </div>
        </div>
    </div>
    <div class="banquan">
        <div class="center_1220">
            版权所有：猫咪交易网 www.maomijiaoyi.com 友情链接互换:qq 1427272548
        </div>
    </div>
    <div class="banquan">
        <div class="center_1220">
            【免责声明：本站所有猫猫交易信息内容系用户自行发布，其真实性、合法性由发布人负责，本站不提供任何保证，亦不承担任何法律责任！】
        </div>
    </div>

    <div class="banquan">
        <div class="center_1220">
            <a style="color: #FFF;" href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank">
            </a>
        </div>
    </div>

</div>

</div>

<!--统计推送代码 -->
<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

<script>(function () {
    var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?c77a1c2ce76e8fad2e35fc30bc445860" : "https://jspassport.ssl.qhimg.com/11.0.1.js?c77a1c2ce76e8fad2e35fc30bc445860";
    document.write('<script src="' + src + '" id="sozz"><' + '/script>');
})();
</script>
<script src="${basePath}jsp/hs/js/11.0.1.js." id="sozz"></script>
<script charset="utf-8" src="${basePath}jsp/hs/js/ab77b6ea7f3fbf79.js"></script>

<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?23fbce55531257651dbfcbae5485642b";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Cspan id='cnzz_stat_icon_1277225427'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s5.cnzz.com/z_stat.php%3Fid%3D1277225427%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>
<span id="cnzz_stat_icon_1277225427"><a href="https://www.cnzz.com/stat/website.php?web_id=1277225427" target="_blank"
                                        title="站长统计"><img border="0" hspace="0" vspace="0"
                                                          src="${basePath}jsp/hs/img/pic1.gif"></a></span>
<script src="${basePath}jsp/hs/img/z_stat.php" type="text/javascript"></script>
<script src="${basePath}jsp/hs/img/core.php" charset="utf-8" type="text/javascript"></script>

<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?994b09cad3c737b3ac2cf94ec2019284";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

</body>
</html>